$(function() {
	// <!-- 08修改皮肤样式 -->
	//整体思路:点击id为skin下面的li标签触发修改对应id中放入的样式  
	//1、写点击事件（调用切换皮肤的方法）  
	//2、写切换皮肤的方法
	//2.1、找到当前li元素并添加选中的class(selected)
	//2.2、清除其他同辈li元素的选中class(selected)
	//2.3、设置不同css文件调用，修改href属性
	//2.4、存入cookie当前选中的皮肤id名称（设置）
	//3、获取cookie中存的css文件名值
	//4、判断cookie有值得话，执行切换皮肤的方法 
	//自学链接：https://www.cnblogs.com/kaixin3946/p/6042014.html

	//cookie
	// var cookie = $.cookie("skinName");
	// if (cookie) {
	// 	changeSkin(cookie);
	// }

	// $("#skin li").click(function() {
	// 	var skinName = this.id;
	// 	changeSkin(skinName);
	// })

	// function changeSkin(name) {
	// 	$("#" + name).addClass("selected").siblings().removeClass();
	// 	$("#cssfile").attr("href", "styles/skin/" + name + ".css")

	// 	$.cookie('skinName', name, {
	// 		expires: 1,
	// 		path: '/'
	// 	});
	// }

	//localStorage
	var cookie = localStorage.getItem("skinName");
	if (cookie) {
		changeSkin(cookie);
	}

	$("#skin li").click(function() {
		var skinName = this.id;
		changeSkin(skinName);
	})

	function changeSkin(name) {
		$("#" + name).addClass("selected").siblings().removeClass();
		$("#cssfile").attr("href", "styles/skin/" + name + ".css")

		localStorage.setItem('skinName', name);
	}

})

// //网站换肤   
// $(function(){   
//         var $li =$("#skin li");   
//         $li.click(function(){   
//             switchSkin( this.id );   
//         });   
//         var cookie_skin = $.cookie("MyCssSkin");   
//         if (cookie_skin) {   
//             switchSkin( cookie_skin );   
//         }   
// });   

// function switchSkin(skinName){   
//         $("#"+skinName).addClass("selected")                //当前<li>元素选中   
//                        .siblings().removeClass("selected");  //去掉其他同辈<li>元素的选中   
//         $("#cssfile").attr("href","styles/skin/"+ skinName +".css"); //设置不同皮肤   
//         $.cookie( "MyCssSkin" ,  skinName , { path: '/', expires: 10 });   
// }
